<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>ngrok国内服务器 | ITTUN</title>
    <meta name="keywords" content="ngrok服务器,ngrok微信开发,ngrok发布本地网站,微信url,微信开发url,微信开发神器"/>
    <meta name="description" content="ngrok国内服务器,微信开发外网url,微信开发url,微信开发神器"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="css/ittun-ngrok.css">
    <script type="text/javascript" src="js/lazyload.min.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?9fe19c270f3797c9346436d0a2b9ac0a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>

<div id="nav">
    <div class="container-fluid">
        <div class="masthead">
            <ul class="nav nav-pills pull-right">
                <!--<li class="active">-->
                <!--<a href="#">Home</a>-->
                <!--</li>-->

                <!--<li class="active">-->
                    <!--<a href="http://bbs.ittun.com" style="background-color: #89d7b3">-->
                        <!--交流圈-->
                    <!--</a>-->
                <!--</li>-->
            </ul>
            <h3 class="wordmark muted">
                <a href="#">IT TUN</a>
                <a href="apply.html" style="float: right">NGrok服务器搭建</a>
            </h3>
        </div>
    </div>
</div>

<div class="container-fluid">
    <hr style="margin-top: -1px;">
    <a href="https://help.aliyun.com/knowledge_detail/37048.html" target="_blank" style="color: blue">购买服务器的朋友关注拉,阿里云服务器9折推荐码：J1RB5Z</a><br>
    <a href="https://www.diyvm.com/page.aspx?c=referral&u=61743" target="_blank" style="color: blue">香港服务器2M 50元每月</a>
    <!--<marquee style="WIDTH: 680px; HEIGHT: 18px" scrollamount="2" direction="left">-->
    <!--<p style="color:#dd4814;font-weight: 100"></p>-->
    <!--</marquee>-->
</div>


<div class="container-fluid">
    <a style="border-top: 1px solid rgb(245, 245, 245); border-bottom: 1px solid rgb(245, 245, 245); padding: 10px; display: block;"
       href="http://bbs.ittun.com"
       class="text-center">
        <span class="pull-left"><strong style="color:inherit">
            ★学习交流</strong></span><span
            style="color: rgb(163, 163, 163); display: inline-block; margin: 0px 5px;">
                基本ngrok开源的学习交流
             </span><span class="pull-right">交流圈</span></a>

    <div class="row-fluid">
        <div class="span6">
            <h4>本地web项目快速展示</h4>

            <p>
                1: 启动客户端<br>
                2: 通过二级域名访问web项目
            </p>
        </div>
        <div class="span6">
            <h4>移动开发更方便</h4>

            <p>
                1: 填写微信开发者url,方便调用<br>
                2: APP开发手机端调试
            </p>
        </div>
    </div>

    <!--<img src="images/demo.jpg">-->
    <img src=
         data-src=images/demo.jpg
         onload=lzld(this)>

    <div class="row-fluid">
        <div class="span6">
            <h4>远程办公更方便</h4>

            <p>
                1: 远程电脑上运行ittun client<br>
                2: 指定相应端口(50000~59999),协议(tcp)<br>
                3: 远程连接操作更方便<br>
            </p>
        </div>
        <div class="span6">
            <h4>免费使用,通道加密更安全</h4>

            <p>
                1: 通道全加密安全可靠<br>
                2: 免费使用,交流分享
            </p>
        </div>
    </div>
    <!--<img src="images/webhooks.jpg">-->
    <img src=
         data-src=images/webhooks.jpg
         onload=lzld(this)>

    <hr>

    <div class="container-fluid">
        <div class="row-fluid">
            <p>安装方便: 下载、解压、修改二级域名与端口、启动.</p>
            <h4><a href="#" target="_blank">Step 1: 客户端文件(17.3)</a></h4>
            <table id="17.4" class="table download-table">
                <tbody>
                <tr class="dl-windows-64" class="detected">
                    <th>Windows64</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/17.4/win64.zip" class="btn btn-success">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr class="dl-windows-386">
                    <th>Windows32</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/17.4/win32.zip" class="btn btn-success">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr class="dl-linux-amd64">
                    <th>Linux-amd64</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/17.4/linux64.zip" class="btn btn-inverse">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>
                <tr class="dl-linux-i386">
                    <th>Linux-i386(32)</th>
                    <td>
                <span class="pull-right">
                    <a href="upload/17.4/linux32.zip" class="btn btn-inverse">
                        <i class="icon-white icon-download"></i> Download
                    </a>
                </span>
                    </td>
                </tr>

                <tr class="dl-linux-mac">
                    <th>Mac(支持sierra)</th>
                    <td>
                <span class="pull-right">
                <a href="upload/17.4/mac.zip" class="btn btn-inverse">
                    <i class="icon-white icon-download"></i> Download
                </a>
                </span>
                    </td>
                </tr>

                <tr class="dl-linux-arm">
                    <th>Linux-arm</th>
                    <td>
                <span class="pull-right">
                <a href="upload/17.4/linuxarm.zip" class="btn btn-inverse">
                    <i class="icon-white icon-download"></i> Download
                </a>
                </span>
                    </td>
                </tr>

                <tr class="dl-linux-arm5">
                    <th>Linux-arm5</th>
                    <td>
                <span class="pull-right">
                <a href="upload/17.2/ngrok_arm5.zip" class="btn btn-inverse">
                    <i class="icon-white icon-download"></i> Download
                </a>
                </span>
                    </td>
                </tr>
                </tbody>
            </table>
            <div>
                <a href="#more" data-toggle="collapse" class="btn btn-success pull-right">更多</a>
            </div>
            <div id="more" class="collapse">
                <table id="more_ngrok" class="table download-table">
                    <tbody>
                    <tr class="dl-windows-64" class="detected">
                        <th>ngrokc通用版</th>
                        <td>
                        <span class="pull-right">
                            <a href="upload/comm/ngrokc" class="btn btn-inverse">
                                <i class="icon-white icon-download"></i> Download
                            </a>
                        </span>
                        </td>
                    </tr>
                    <tr class="dl-windows-64" class="detected">
                        <th>ngrokc(OpenWrt-AR71XX(AR913X/AR933X))</th>
                        <td>
                        <span class="pull-right">
                            <a href="upload/comm/ngrokc9331" class="btn btn-inverse">
                                <i class="icon-white icon-download"></i> Download
                            </a>
                        </span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h4>Step 2: 解压</h4>
            <code class="well">
                unzip ittun_[name].zip
            </code>

            <h4>Step 3: 默认启动命令</h4>
            <code class="well">
				windows: 双击startup.bat文件即可  <br>
                命令启动<br>
                linux: ./ngrok [port] (tcp: ./ngrok -proto=tcp 22) <br>
                windows: ngrok [port] (tcp: ngrok -proto=tcp 22)<br>

                更多:ngrok --help
            </code>

            <h4>Step 4: 指定二级域名</h4>
            <code class="well">./ngrok -subdomain [demo] [8080]</code>

            <h4>Step 5: 指定配置文件</h4>
            <code class="well">./ngrok -config ittun.yml start [proname]
            </code>
        </div>
    </div>
    <hr>
</div>

<div id="footer">
    <div class="container-fluid">
        © <a href="#">ittun.com</a> 2015 © <a href="http://www.miitbeian.gov.cn">粤ICP备15099276号</a>

        <div class="row-fluid">
            <ul class="pull-left text-left unstyled muted" id="wxzf">
                <li>
                    <img src="images/wxzf.png" class="zjimg">
                    <img src="images/zfb.png" class="zjimg">
                </li>
            </ul>

            <ul class="pull-right text-right unstyled muted">
                <li>
                    <hr>
                </li>
                <li><a>QQ群：201419208</a></li>
                <li><a href="mailto:chairv@yeah.net">chairv@yeah.net</a></li>
                <li><a onclick="showzf()" href="#buttom">资助</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" style="top:25%">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    资助ITTUN,让它更好。
                </h4>
            </div>
            <div class="modal-body">
                <img src="images/wxzf.png" class="zjimg">
                <img src="images/zfb.png" class="zjimg">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="zzBtn"
                        data-dismiss="modal">确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript">
    var platform = navigator.platform.toUpperCase();
    var dlElem;
    if (platform.indexOf('MAC') !== -1) {
        dlElem = document.getElementById("dl-linux-mac");
    } else if (platform.indexOf('WIN') !== -1) {
        dlElem = document.getElementById("dl-windows-386");
    } else if (platform.indexOf('LINUX') !== -1) {
        if (platform.indexOf('ARM') !== -1) {
            dlElem = document.getElementById("dl-linux-arm");
        } else {
            dlElem = document.getElementById("dl-linux-amd64");
        }
    }

    if (dlElem) {
        dlElem.className += " detected";
        var button = dlElem.getElementsByTagName("a")[0];
        button.className = button.className.replace("btn-inverse", "btn-success");
    }
</script>
<script type="text/javascript">
    $('#wxzf').hide();
    function showzf() {
        $('#wxzf').toggle('fast');
    }

    var url;
    $('a', '.download-table').on('click', function () {
        $('#myModal').modal('show');
        url = this.href;
        return false;
    });

    $('#zzBtn').on('click', function () {
        window.open(url);
    });
</script>
</body>
</html>